.boxd{
    width: 100%;
    .box{
        width: 1200px;
        height: 500px;
        margin: auto;
        .details-top{
            height: 30px;
            line-height: 30px;
            a{
                color: black;
            }
        }
        .details-left{
            width: 980px;
            height: 490px;
            // background: blanchedalmond;
            margin: 0;
            .details-l-r-xhk{
                width: 100px;
                height: 100px;
                background-color: rgba(86, 185, 185,0.4);
                position: absolute;
                left: 380px;
                top: 270px;

            }
            .details-left-img{
                float: left;
                width: 350px;
                height: 350px;
                border: 1px solid black;
                padding-left: 25px;
                padding-top: 25px;
                box-sizing: border-box;

                img{
                    width: 300px;
                    height: 300px;
                    margin: 0;
                }
            }

            .details-l-r{
                width:570px;
                height: 490px;
                // background: cadetblue;
                float: left;
                .details-l-r-t{
                    padding-left: 20px;
                    padding-top:20px;
                    box-sizing: border-box;
                    h2{
                        line-height: 50px;
                    }
                    .details-l-r-t-d1{
                        margin-bottom: 20px;
                    }
                    .details-l-r-t-s{
                        display: block;
                        line-height: 30px;
                        a{
                            color: black;
                        }

                    }
                    .details-l-r-t-d2{
                        margin-left: 20px;
                        margin-top: 30px;
                        width: 150px;
                        height: 50px;
                        // background: red;
                        line-height: 50px;
                        text-align: center;
                        color: rgb(0, 0, 0);
                        border-radius: 15px;
                        background-color: aqua;
                    }

                }
                // .details-l-r-xhk{
                //     width: 100px;
                //     height: 100px;
                //     background-color: rgba(86, 185, 185,0.4);
                //     position: absolute;
                //     left: 380px;
                //     top: 270px;

                // }
                .details-l-r-fdj{
                    width: 400px;
                    height: 400px;
                    position: relative;
                    // background-color: aqua;
                    z-index: 100px;
                    top: 230px;
                    overflow: hidden;
                    left: -20px;
                    top: -300px;

                    img{
                        width: 800px;
                        height: 800px;
                        position: absolute;
                    }
                    
                }
            }
        }
    }
}